<template>
  <div class="test">
    <h2>父组件</h2>
    <!-- 渲染的组件标签如果没有配置其他选项是无法在标签之间写内容的 -->
    <!-- <Child></Child>
    <Child>子组件</Child> -->

    <Child></Child>
    <Child class="my-child">
      <span slot="left">&lt;<i>sssss</i></span>
      <input
        type="text"
        slot="center"
      />
      <input
        slot="right"
        type="button"
        value="确认"
      />
    </Child>
  </div>
</template>
<script>
import Child from './Child.vue'
export default {
  data() {
    return {}
  },
  components: {
    Child
  }
}
</script>
<style lang="scss" scoped></style>
